<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>I m wutong</title>
    <meta name="keywords" content=" ">
    <meta name="description" content=" ">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/layui/css/layui.css" rel="stylesheet">
    <link href="/layui/css/global.css" rel="stylesheet">
    <script src="/layui/layui.js"></script>
</head>
<body>
<!--header-->
<div class="layui-header ws-header ws-bg-light">
    <div class="layui-container">
        <div class="ws-logo">
            <a class="logo" href="/">
                <img src="/images/logo.png" alt="ImWutong">
            </a>
        </div>
        <div class="ws-header-assist">

            <div class="layui-hide-xs ws-notice">Im Wutong</div>
        </div>

        <div class="ws-header-menu">
            <ul class="layui-nav layui-bg-gray ws-bg-light" id="LAY_NAV_TOP">
                <li class="layui-nav-item" data-dir="docs">
                    <a href="/">首页</a>
                </li>
                <span class="layui-nav-bar"></span></ul>
            <div class="ws-header-more">
                <i class="layui-icon layui-icon-shrink-right"></i>
            </div>
            <div class="ws-header-tool ws-bg-light">

                <div>
                    <a href="https://gitee.com/cnsashimi/query-mobile-phone-area" target="_blank" title="Gitee">
                        <i class="layui-icon layui-icon-gitee layui-font-20" style="color: #C71D23;"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="ws-container">
    <div class="ws-index-main">
        <h1>
            Im Wutong </h1>

        <div class="layui-container">
            <div class="layui-row layui-col-space30 ws-index-idea">
                <div class="layui-col-md12">
                    <div>
                        <fieldset class="layui-elem-field layui-field-title">
                            <legend>在下面输入手机号 最短X位</legend>

                            <form name="form1" method="post" action="">
                                <div class="layui-inline">

                                    <div class="layui-input-inline layui-input-wrap" style="float:left">
                                        <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off"
                                               lay-reqtext="请填写手机号" lay-affix="clear" class="layui-input demo-phone">
                                    </div>
                                    <div class="layui-form-mid" style="padding: 0!important;">
                                        <button type="button" class="layui-btn layui-btn-primary" lay-on="get-vercode"
                                                id="checkphone">查看手机归属地
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </fieldset>
                    </div>
                </div>

            </div>
        </div>


    </div>
</div>


<!--footer-->
<div class="layui-footer ws-footer">
    <p>
        ImWutong </p>
    <p id="LAY-footer-info">
        <a href="#" rel="nofollow" target="_blank">免责声明</a>

    </p>
    <p>
    <span>
      鸣谢：
     ALL
    </span>
    </p>
</div>

<script>
    layui.use(['layer'], function () {
        var layer = layui.layer,
            $ = layui.$;
        $('#checkphone').on('click', function () {

            layer.msg("hello");
        });


    });
</script>

</body>
</html>
